<!DOCTYPE html>
<!--
This is a starter template page. Use this page to start your new project from
scratch. This page gets rid of all links and provides the needed markup only.
-->
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>前端库</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <!-- Bootstrap 3.3.6 -->
  <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
  <!-- Font Awesome -->
  <!-- Font Awesome -->
  <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.5.0/css/font-awesome.min.css">
  <!-- Ionicons -->
  <link rel="stylesheet" href="https://cdn.bootcss.com/ionicons/2.0.1/css/ionicons.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="dist/css/AdminLTE.min.css">
  <!-- AdminLTE Skins. We have chosen the skin-blue for this starter
        page. However, you can choose any other skin. Make sure you
        apply the skin class to the body tag so the changes take effect.
  -->
  <link rel="stylesheet" href="dist/css/skins/skin-blue.min.css">
		<link rel="shortcut icon" href="http://likexia.gitee.io/tools/lib/img/h5.png" type="image/x-icon">

  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->
  <style>
      .table>tbody>tr>td{word-break: break-all;vertical-align: middle;}
    </style>
</head>

<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">

  <!-- Main Header -->
  <header class="main-header">

    <!-- Logo -->
    <a href="index.html" class="logo">
      <!-- mini logo for sidebar mini 50x50 pixels -->
      <span class="logo-mini"><b>库</b></span>
      <!-- logo for regular state and mobile devices -->
      <span class="logo-lg"><b>前端库</b></span>
    </a>

    <!-- Header Navbar -->
    <nav class="navbar navbar-static-top" role="navigation">
      <!-- Sidebar toggle button-->
      <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
        <span class="sr-only">Toggle navigation</span>
      </a>
      <!-- Navbar Right Menu -->
      
    </nav>
  </header>
  <!-- Left side column. contains the logo and sidebar -->
  <aside class="main-sidebar">

    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">

      <!-- Sidebar Menu -->
      <ul class="sidebar-menu">
        <li class="header">前端导航</li>
        <!-- Optionally, you can add icons to the links -->
        <li>
          <a href="index.html"><i class="fa fa-dashboard"></i> <span>常用网站</span> </a>
        </li>
        <li class="treeview">
          <a href="#"><i class="fa  fa-html5"></i> <span>HTML</span> <i class="fa fa-angle-left pull-right"></i></a>
          <ul class="treeview-menu">
            <li><a href="html1.html"><i class="fa fa-circle-o"></i>布局</a></li>
            <li><a href="html2.html"><i class="fa fa-circle-o"></i>效果</a></li>
          </ul>
        </li>
        <li class="treeview">
          <a href="#"><i class="fa fa-css3"></i> <span>CSS</span> <i class="fa fa-angle-left pull-right"></i></a>
          <ul class="treeview-menu">
            <li><a href="css1.html"><i class="fa fa-circle-o"></i>常用</a></li>
            <li><a href="css2.html"><i class="fa fa-circle-o"></i>片段</a></li>
          </ul>
        </li>
        <li class="treeview">
          <a href="#"><i class="fa  fa-superscript"></i> <span>JS</span> <i class="fa fa-angle-left pull-right"></i></a>
          <ul class="treeview-menu">
            <li><a href="js1.html"><i class="fa fa-circle-o"></i>常用</a></li>
            <li><a href="js2.html"><i class="fa fa-circle-o"></i>片段</a></li>
          </ul>
        </li>
        <li class="treeview  active">
          <a href="#"><i class="fa fa-external-link"></i> <span>项目导航</span> <i class="fa fa-angle-left pull-right"></i></a>
          <ul class="treeview-menu">
            <li><a href="smallsite.html"><i class="fa fa-circle-o"></i>项目</a></li>
            <li class="active"><a href="libs.html"><i class="fa fa-circle-o"></i>公用库</a></li>
            <li><a href="muban.html"><i class="fa fa-circle-o"></i>我的模板</a></li>
          </ul>
        </li>
      </ul>
      <!-- /.sidebar-menu -->
    </section>
    <!-- /.sidebar -->
  </aside>

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        公共库
        <small>自己的在线文件公共库。</small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="index.html"><i class="fa fa-dashboard"></i> 首页</a></li>
        <li class="active">当前</li>
      </ol>
    </section>

    <!-- Main content -->
    <section class="content">

     <div class="row">
     <!--start-->
        <div class="col-md-12">
          <div class="box">
            <div class="box-header with-border">
              <h3 class="box-title">常用JS库</h3>

              <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                </button>
              </div>
              <!-- /.box-tools -->
            </div>
            <!-- /.box-header -->
            <div class="box-body">
              <table cellspacing=0 cellspadding=0 class="table table-bordered">
			
			<tr>
				<th>名称</th>
				<th>描述</th>
				<th>链接</th>
			</tr>
			<tr>
				<td>JQuery</td>
				<td>v2.1.1</td>
				<td>
					<a href="http://likexia.gitee.io/tools/lib/js/jquery.min.js" target="_blank">http://likexia.gitee.io/tools/lib/js/jquery.min.js</a>
				</td>
			</tr>
			<tr>
				<td>prefixfree.min.js</td>
				<td>自动补全浏览器兼容前缀</td>
				<td>
					<a href="http://likexia.gitee.io/tools/lib/js/prefixfree.min.js" target="_blank">http://likexia.gitee.io/tools/lib/js/prefixfree.min.js</a>
				</td>
			</tr>
			<tr>
				<td>vConsole.js</td>
				<td>一个轻量、可拓展、针对手机网页的前端开发者调试面板。【<a href="http://likexia.gitee.io/tools/muban/jquery/console.html" target="_blank">示例</a>】</td>
				<td>
					<a href="http://likexia.gitee.io/tools/lib/js/vconsole.min.js" target="_blank">http://likexia.gitee.io/tools/lib/js/vconsole.min.js</a>
				</td>
			</tr>
			<tr>
				<td>jquery.placeholder.min.js</td>
				<td>让IE9及IE9以下浏览器兼容：placeholder属性【<a href="http://likexia.gitee.io/tools/muban/jquery/jquery-placeholder/index.html" target="_blank">示例</a>】</td>
				<td>
					<a href="https://cdn.bootcss.com/jquery-placeholder/2.3.1/jquery.placeholder.min.js" target="_blank">https://cdn.bootcss.com/jquery-placeholder/2.3.1/jquery.placeholder.min.js</a>
				</td>
			</tr>
			<tr>
				<td>flexible.min.js</td>
				<td>淘宝移动端自适应插件</td>
				<td>
					<a href="http://likexia.gitee.io/tools/lib/js/flexible.min.js" target="_blank">http://likexia.gitee.io/tools/lib/js/flexible.min.js</a>
				</td>
			</tr>
<!--
			<tr>
				<td>暂无</td>
				<td>暂无</td>
				<td>
					<a href="http://likexia.gitee.io/tools/lib/js/" target="_blank">#</a>
				</td>
			</tr>
-->
		</table>
            </div>
          </div>
        </div>
<!--end-->
   <!--start-->
        <div class="col-md-12">
          <div class="box">
            <div class="box-header with-border">
              <h3 class="box-title">常用CSS库</h3>

              <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                </button>
              </div>
              <!-- /.box-tools -->
            </div>
            <!-- /.box-header -->
            <div class="box-body">
              <table cellspacing=0 cellspadding=0 class="table table-bordered">
			
			<tr>
				<th>名称</th>
				<th>描述</th>
				<th>链接</th>
			</tr>
			<tr>
				<td>animate.min.css</td>
				<td>css3动画库</td>
				<td>
					<a href="http://likexia.gitee.io/tools/lib/css/animate.min.css" target="_blank">http://likexia.gitee.io/tools/lib/css/animate.min.css</a>
				</td>
			</tr>
			<tr>
				<td>media.css</td>
				<td>@media标签适配</td>
				<td>
					<a href="http://likexia.gitee.io/tools/lib/css/media.css" target="_blank">http://likexia.gitee.io/tools/lib/css/media.css</a>
				</td>
			</tr>
			<tr>
				<td>core.css</td>
				<td>轻量级的CSS reset和栅格系统。【<a href="http://likexia.gitee.io/tools/muban/layout/core.css.html" target="_blank">示例</a>】</td>
				<td>
					<a href="http://likexia.gitee.io/tools/lib/css/core.min.css" target="_blank">http://likexia.gitee.io/tools/lib/css/core.min.css</a>
				</td>
			</tr>
<!--
			<tr>
				<td>暂无</td>
				<td>暂无</td>
				<td>
					<a href="http://likexia.gitee.io/tools/lib/css/" target="_blank">#</a>
				</td>
			</tr>
-->
		</table>
            </div>
          </div>
        </div>
<!--end-->
   <!--start-->
        <div class="col-md-12">
          <div class="box">
            <div class="box-header with-border">
              <h3 class="box-title">常用图片</h3>

              <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                </button>
              </div>
              <!-- /.box-tools -->
            </div>
            <!-- /.box-header -->
            <div class="box-body">
              <table cellspacing=0 cellspadding=0 class="table table-bordered">
			
			<tr>
				<th>名称</th>
				<th>描述</th>
				<th>链接</th>
			</tr>
			<tr>
				<td rowspan="2">微信右上角</td>
				<td>在浏览器中打开</td>
				<td>
					<a href="http://likexia.gitee.io/tools/lib/img/wx_browser.png" target="_blank">http://likexia.gitee.io/tools/lib/img/wx_browser.png</a>
				</td>
			</tr>
			<tr>
				<td>分享好友</td>
				<td>
					<a href="http://likexia.gitee.io/tools/lib/img/wx_share.png" target="_blank">http://likexia.gitee.io/tools/lib/img/wx_share.png</a>
				</td>
			</tr>
			<tr>
				<td rowspan="2">favicon</td>
				<td>H5</td>
				<td>
					<a href="http://likexia.gitee.io/tools/lib/img/h5.png" target="_blank">http://likexia.gitee.io/tools/lib/img/h5.png</a>
				</td>
			</tr>
			<tr>
				<td>Internet</td>
				<td>
					<a href="http://likexia.gitee.io/tools/lib/img/int.png" target="_blank">http://likexia.gitee.io/tools/lib/img/int.png</a>
				</td>
			</tr>
			
<!--
			<tr>
				<td>暂无</td>
				<td>暂无</td>
				<td>
					<a href="http://likexia.gitee.io/tools/lib/css/" target="_blank">#</a>
				</td>
			</tr>
-->
		</table>
            </div>
          </div>
        </div>
<!--end-->
    <!--start-->
        <div class="col-md-12">
          <div class="box">
            <div class="box-header with-border">
              <h3 class="box-title">自制在线工具</h3>

              <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                </button>
              </div>
              <!-- /.box-tools -->
            </div>
            <!-- /.box-header -->
            <div class="box-body">
              <table cellspacing=0 cellspadding=0 class="table table-bordered">
			
			<tr>
				<th>名称</th>
				<th>描述</th>
				<th>链接</th>
			</tr>
			<tr>
				<td>检测屏幕尺寸</td>
				<td>检测当前设备屏幕大小</td>
				<td>
					<a href="http://likexia.gitee.io/tools/screen.html" target="_blank">http://likexia.gitee.io/tools/screen.html</a>
				</td>
			</tr>
			<tr>
				<td>RBG/HEX色互转</td>
				<td>在线RGB三原色-HEX16色转换</td>
				<td>
					<a href="http://likexia.gitee.io/tools/colors/rgb-to-hex.html" target="_blank">http://likexia.gitee.io/tools/colors/rgb-to-hex.html</a>
				</td>
			</tr>
			<tr>
				<td>颜色表大全</td>
				<td>暂无</td>
				<td>
					<a href="http://likexia.gitee.io/tools/colors/" target="_blank">http://likexia.gitee.io/tools/colors/</a>
				</td>
			</tr>
			
			<tr>
				<td>CSS3样式生成器</td>
				<td>阴影、渐变、圆角</td>
				<td>
					<a href="http://likexia.gitee.io/tools/css3Preview/" target="_blank">http://likexia.gitee.io/tools/css3Preview/</a>
				</td>
			</tr>
			
			<tr>
				<td>CSS3 Flexbox</td>
				<td>可视化演示学习</td>
				<td>
					<a href="http://likexia.gitee.io/tools/flexbox-playground/" target="_blank">http://likexia.gitee.io/tools/flexbox-playground/</a>
				</td>
			</tr>
			<tr>
				<td>图片处理</td>
				<td>各种滤镜效果</td>
				<td>
					<a href="http://likexia.gitee.io/tools/imgfilter/" target="_blank">http://likexia.gitee.io/tools/imgfilter/</a>
				</td>
			</tr>
			<tr>
				<td>图片尺寸计算</td>
				<td>按比例缩放图片尺寸</td>
				<td>
					<a href="https://likexia.gitee.io/tools/tool/img-zoom.html" target="_blank">https://likexia.gitee.io/tools/tool/img-zoom.html</a>
				</td>
			</tr>
			<tr>
				<td>链接序号自增长生成器</td>
				<td>自动生成指定数字区间的链接</td>
				<td>
					<a href="https://likexia.gitee.io/tools/tool/auto-number.html" target="_blank">https://likexia.gitee.io/tools/tool/auto-number.html</a>
				</td>
			</tr>
			<tr>
				<td>配色表</td>
				<td>网页设计常用色彩搭配表</td>
				<td>
					<a href="https://likexia.gitee.io/tools/peise/index.html" target="_blank">https://likexia.gitee.io/tools/peise/index.html</a>
				</td>
			</tr>
			
<!--
			<tr>
				<td>暂无</td>
				<td>暂无</td>
				<td>
					<a href="http://likexia.gitee.io/tools/" target="_blank">#</a>
				</td>
			</tr>
-->
		</table>
            </div>
          </div>
        </div>
<!--end-->
        </div>

    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->

  <!-- Main Footer -->
  <footer class="main-footer">
    <!-- To the right -->
    <div class="pull-right hidden-xs">
      Anything you want
    </div>
    <!-- Default to the left -->
    <strong>Copyright &copy; 2017 <a href="#">Company</a>.</strong> All rights reserved.
  </footer>

  <!-- Add the sidebar's background. This div must be placed
       immediately after the control sidebar -->
  <div class="control-sidebar-bg"></div>
</div>
<!-- ./wrapper -->

<!-- REQUIRED JS SCRIPTS -->

<!-- jQuery 2.2.0 -->
<script src="plugins/jQuery/jQuery-2.2.0.min.js"></script>
<!-- Bootstrap 3.3.6 -->
<script src="bootstrap/js/bootstrap.min.js"></script>
<!-- AdminLTE App -->
<script src="dist/js/app.min.js"></script>

<!-- Optionally, you can add Slimscroll and FastClick plugins.
     Both of these plugins are recommended to enhance the
     user experience. Slimscroll is required when using the
     fixed layout. -->
</body>
</html>
